﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Brjostagjof_H4.Models.Timeline>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Brjóstagjöf.is | Mínar tímalínur
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h3>Mínar tímalínur</h3>
    <table id="main-table">
        <tr>

            <td id="main-table-left">
                <script type="text/javascript" src="../../Scripts/GetChart.js"></script>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $("#chartID").hide();
                        //        loadTimelineData();
                        getHighChart();
                    });
                </script>
                    <section>
                        <%--<span class="userID">7D0CBF70-D6BD-42C8-AB42-7914593A24D6</span> <br />--%>       
                        <% if (Model != null)
                           { %> 
                        <span id="chartID"><%: Model.chartID%></span> <br />
                        <div id="chart-container"></div>
                        <div class="chart-data">
                            <div id="waitingMessage">
                                <img src="../../Content/ajax-loader.gif" alt="Waiting for a reply..." />
                            </div>
                        <%} %>
                            <table>
                                <thead>
                                    <tr>
                                        <th title="Vikur">Aldur</th>
                                        <th title="Grömm">Þyngd</th>
                                        <th title="Sentímetrar">Lengd</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody id="chart-data">
                                     <tr class="row-data">
                                     <td><input type="text" id="x"  placeholder="Aldur"></textbox></td>
                                     <td><input type="text" id="y1" placeholder="Þyngd"></textbox></td>
                                     <td><input type="text" id="y2" placeholder="Hæð"></textbox></td>
                                     <td><input type="button" id="submitBtn" class="button" value="Bæta við" /></td>
                                     </tr>
                                </tbody>
                            </table>
                        </div>
 
                    </section>

                     <!-- Template -->
                    <script id="data-template" type="text/x-jquery-tmpl">
                        <tr>
                            <td>${x} vikur</td>
                            <td>${y1}</td>
                            <td>${y2}</td>
                            <!--<td><a href="#" id="delete-data">Eyða</a></td>-->
                        </tr>
                    </script>
            </td>

            <td id="main-table-right">
                <div class="options">
                    <% if (User.IsInRole("Administrators")){Html.RenderPartial("ProfileAdminMenu", "Model");} %>
                    <% else if (User.IsInRole("Professionals")){Html.RenderPartial("ProfileProMenu", "Model");} %>
                    <% else {Html.RenderPartial("ProfileMenu", "Model");} %>
                </div>
            </td>

        </tr>
    </table>


</asp:Content>
